/**
 * @module _var.scss 3f-cake 环境变量（全局变量）
 * @description 单位换算
 * # 只考虑移动端竖屏：100vw = 750rpx
 * # 绝对尺寸单位：px pt pc in cm mm
 * # 1in = 72pt = 96px = 2.54cm
 * # 1pc = 12pt, 1cm = 10mm
 * # 相对尺寸单位：em rem ex ch vw vh vmin vmax
 * # 其它尺寸单位：fr
 * # 时间单位：1s = 1000ms
 * # 角度单位：deg rad grad turn
 * # 1turn = 360deg =
 * # 频率单位：Hz kHz
 * # 分辨率：dpi dpcm dppx
 * # URL 函数 颜色 列表
 * # none normal
 * @format
 */

// sass 内置模块
// @use "sass:math";
// @use "sass:string";
// @use "sass:color";
// @use "sass:meta";
// @use "sass:selector";
// @use "sass:list";
// @use "sass:map";

/* 尺寸变量 */
// 基准尺寸
// # 黄金比例: golden ratio φ 61.8%
$GR: 1.61803398875;
// # 屏幕宽度: 375px
$WIDTH_MOBILE: 100vw;
// # 屏幕高度: 667px
$HEIGHT_MOBILE: 100vh;
/* #ifdef H5 */
$RPX: calc($WIDTH_MOBILE / 750);
/* #endif */
/* #ifndef H5 */
$RPX: 1rpx;
/* #endif */
// # 基准像素: 0.1333vw
$px: 2 * $RPX;
// # 安全区域: 6px 对齐小程序胶囊边距
$SAFE_AREA: 6 * $px;
// # 状态栏高度: 88px
$HEIGHT_STATE: 88 * $px;
// # 导航栏高度: 88px
$HEIGHT_NAV: 88 * $px;
// # 标签栏高度: 56px
$HEIGHT_TAB: 56 * $px;
// # 页面主体高度: 屏幕高度 - 导航栏高度 - 标签栏高度
// $HEIGHT_PAGE: calc(100vh - $HEIGHT_STATE);
// # 页面主体高度: 屏幕高度 - 导航栏高度 - 标签栏高度
// $HEIGHT_BODY: calc(
// 	$HEIGHT_MOBILE - $HEIGHT_NAV - $HEIGHT_TAB
// );
// 网格系统
// # 网格间距:
$GRID_MARGIN: $SAFE_AREA;
// # 栅栏数量: 同时兼容 1 2 3 4 列布局
$GRID_COUNT: 12;
// # 栅栏间距: safe_area * golden_ratio
$GRID_GAP: 3 * $px;
// # 栅栏大小:
$GRID_SIZE: 27.5 * $px;
// 尺寸梯度: 2 4 6 8 10 12 14 16 20 24 28 32 36 40 44 48 56 64
// $size_particle: 6 * $px;
// $size_safe-area--small: 6 * $px;
// $size_safe-area--medium: 12 * $px;
// $size_safe-area--large: 16 * $px;
// 子元素尺寸
// $size_img--icon: 28 * $px;
// $size_img--profile: 48 * $px;
// 弹性子元素高度：flex-item 全局样式为 100w 0p 0m
// $size_item--small: 32 * $px;
// $size_item--medium: 56 * $px;
// $size_item--large: 72 * $px;
// $size_item--x-large: 88 * $px;
// 字体大小：标题、说明
// $size_font--small: 10 * $px;
// $size_font--medium: 12 * $px;
// $size_font--large: 14 * $px;
// $size_font--x-large: 16 * $px;
// 视口宽度
// $size_full-width--rpx: 750rpx;
// $size_full-width--vw: 100vw;
// $size_full-height--vh: 100vh;

/* 颜色变量 */
// $color--black: #000;
// $color--white: #fff;
// $color--gray: #999;
// $color--deep-gray: #666;

/* 选择器变量 */
// 元素选择器：uni-app 内置组件
// 视图组件
$selector_elements--MOBILE: 'MOBILE', 'scroll-MOBILE', 'swiper';
// 基础组件
$selector_elements--basic: 'view', 'icon', 'text', 'rich-text', 'progress';
// 表单组件
$selector_elements--form:
    'form', 'input', 'label', 'button', 'checkbox', 'radio', 'picker', 'picker-MOBILE', 'slider',
    'switch', 'editor', 'textarea';
// 媒体组件
$selector_elements--media: 'image';
// uni-ui
// $selector_elements--uni-ui: 'uni-tag', 'uni-link', 'uni-section', 'uni-list', 'uni-list-item';
// 自定义元素：custom.scss
$selector_elements--custom: 'background', 'page', 'comp', 'container', 'item', 'bar';
// 伪元素选择器：
// $selector_pseudo-elements:;
// 类选择器、伪类选择器、ID 选择器
// 通用元素（常用）选择器：兼容小程序不支持 * 通配符
/* #ifdef H5 */
$selector_elements--all: '*';
/* #endif */
/* #ifndef H5 */
$selector_elements--all:
    $selector_elements--MOBILE, $selector_elements--basic, $selector_elements--form,
    $selector_elements--media, $selector_elements--uni-ui, $selector_elements--custom;
/* #endif */

/*
:root, 
page {
    // --theme_safe_area: $safe-area;
    // 颜色 #e25d56
    --theme_color--test: #567;
    --theme_color--test0: pink;
    --theme_color--primary: #e25d56;
    --theme_color--warning: #ff0000;
    --theme_color--assistant: #aaa;
    --theme_color--content: rgba($color: #000000, $alpha: 0.9);
    --theme_color--assist: rgba($color: #000000, $alpha: 0.5);
    --theme_color--explain: rgba($color: #000000, $alpha: 0.3);
    --theme_color--dotted-line: rgba($color: #000000, $alpha: 0.15);
    --theme_color--halving-line: rgba($color: #000000, $alpha: 0.1);
    // --theme_color-text
    // --theme

    // 字体大小：22, 17, 15, 14, 12 pt
    // --theme_font-size--larger: 20px;
    // --theme_font-size--large: 16px;
    // --theme_font-size--medium: 14px;
    // --theme_font-size--small: 12px;
    // --theme_font-size--smaller: 10px;

    // 边距
    --theme_padding--small: 10px;
    --theme_margin--small: 10px;
    --theme_size--base: 40px;

    // vant 主题：Component Colors
    --text-color: #323233;
    --border-color: #ebedf0;
    --active-color: #f2f3f5;
    --background-color: #f8f8f8;
    --background-color-light: #fafafa;
    --sidebar-width:100px;
    --sidebar-active-color: #333;
    --sidebar-selected-border-color: var(--theme_color--primary);
}
*/
